<template>
	<view>
		<uni-popup :ref="'deletePopup' + index" type="center" @close="closePopup('deletePopup', index)">
          <view class="delete-popup">

            <view class="delete-message">当前正在删除动态是否继续</view>
            <view class="delete-buttons">
              <view class="cancel-btn" @click="closePopup('deletePopup', index)">返回</view>
              <view class="confirm-btn" @tap="confirmDelete(item, index)">确认</view>
            </view>
          </view>
        </uni-popup>
	</view>
</template>

<script>
	export default {
		name:"popWindow",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.delete-popup {
        width: 484rpx;
        height: 250rpx;
        background: #FFFFFF;
        border-radius: 26rpx;
        // padding: 30rpx;


        .delete-message {
            width: 300rpx;
            height: 65rpx;
            text-align: center;
            margin: 30rpx auto;
            font-family: Source Han Sans CN;
            font-weight: 500;
            font-size: 30rpx;
            color: #000000;
            padding-top: 40rpx;
            padding-bottom: 10rpx;

        }

        .delete-buttons {
            display: flex;
            justify-content: space-around;
            margin-top: 50rpx;
            border-top: 1rpx solid #CDCDCD;
            font-family: Source Han Sans CN;
            font-weight: 500;
            font-size: 32rpx;
            color: #2E66F7;


            .cancel-btn {
                flex: 1;
                width: 224px;
                height: 80rpx;
                display: flex;
                justify-content: center;
                align-items: center;

                border-right: 1rpx solid #CDCDCD;
            }

            .confirm-btn {
                flex: 1;
                width: 224rpx;
                height: 80rpx;
                display: flex;
                justify-content: center;
                align-items: center;


            }
        }
    }
</style>